Skip to content

Conversation

@joshheald
Copy link
Contributor

@joshheald joshheald commented Nov 25, 2022

Closes: #8222

Description

On the Preparing Reader modal, the borders of the hosting controller view can be bigger than the spinner view itself – this is the case on iPad.

It was observed that in dark mode, this shows with two black bars, above and below the spinner.

This changes the background specifier to be on the hosting controller’s view, not the spinner contained within it, which corrects the background color issue.

Testing instructions

  1. On an iPad with dark mode enabled
  2. Navigate to Menu > Payments > Collect Payment
  3. Go through the payment flow and select Card on the payment method screen
  4. Wait to connect to a reader: once this is done, you will briefly see the Preparing reader screen
  5. Observe that there are no black bars at the top and bottom of the spinner

Screenshots

ipad-spinner-background-fixed.-.01.mp4

  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

On the Preparing Reader modal, the borders of the hosting controller view can be bigger than the spinner view itself – this is the case on iPad.

It was observed that in dark mode, this shows with two black bars, above and below the spinner.

This changes the background specifier to be on the hosting controller’s view, not the spinner contained within it, which corrects the background color issue.
@joshheald joshheald added type: bug A confirmed bug. feature: mobile payments Related to mobile payments / card present payments / Woo Payments. labels Nov 25, 2022
@joshheald joshheald added this to the 11.5 milestone Nov 25, 2022
@joshheald joshheald marked this pull request as ready for review November 25, 2022 09:44
@joshheald
Copy link
Contributor Author

@koke I've put it as 11.5, but could go in 11.4 if we're quick. Not a big deal either way.

@jostnes @JorgeMucientes added you as optional reviewers since you found the issue in beta testing.

@wpmobilebot
Copy link
Collaborator

You can test the changes from this Pull Request by:
  • Clicking here or scanning the QR code below to access App Center
  • Then installing the build number pr8223-6925775 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

Copy link
Member

@koke koke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It feels slightly odd to set the background on the view from the outside, but I guess it works well enough 😅

@joshheald joshheald merged commit d5d8e4e into trunk Nov 25, 2022
@joshheald joshheald deleted the issue/8222-black-bars-on-ipad-spinner-modal branch November 25, 2022 13:07
@joshheald joshheald modified the milestones: 11.5, 11.4 Nov 25, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature: mobile payments Related to mobile payments / card present payments / Woo Payments. type: bug A confirmed bug.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Mobile Payments] Preparing reader spinner on iPad has black bars at the top and bottom in dark mode

4 participants